import * as React from "react";
import { Component } from "react";
import { Nav, Navbar } from "react-bootstrap";

export interface NavBarProps {}

const MyNavBar: React.SFC<NavBarProps> = () => {
  return (
    <Navbar bg="light" variant="light" sticky="top">
      <Navbar.Brand href="/">HP&nbsp;in&nbsp;SEU</Navbar.Brand>
      <Nav className="mr-auto">
        <Nav.Link href="/best">最佳&nbsp;HP</Nav.Link>
        <Nav.Link href="/year">年度&nbsp;HP</Nav.Link>
        <Nav.Link href="/honorary">终身名誉&nbsp;HP</Nav.Link>
      </Nav>
    </Navbar>
  );
};

export default MyNavBar;
